﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NewTask2.aspx.cs" Inherits="Task.NewTask2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>发起流程</title>
    <link href="css/style.css" rel="stylesheet" rev="stylesheet" />
    <link href="css/global.css" rel="stylesheet" rev="stylesheet" />
    <link href="css/UI_Css/jquery-ui-1.8.17.custom.css" rel="stylesheet" rev="stylesheet" />
    <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="script/jquery-ui-1.8.17.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {
            setTab(<%=Index %>);
            $('#tabs').tabs({ selected:<%=Index %>,
                select: function (event, ui) {
                    setTab(ui.index);
                }
            });
            $('#processCatalogTab').tabs({ 
                select: function (event, ui) {
                    //setTab(ui.index);
                    $("#processCatalog" + ui.index).addClass("currently");
                    $("#processCatalog" + ui.index).siblings().removeClass("currently");
                }
            });
        });
        function setTab(index) {
            $("#li" + index).addClass("currently");
            $("#li" + index).siblings().removeClass("currently");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div class="listTable_1">
            <div class="tableTab" id="tabs">
                <div class="place">
                    <div class="placeleft">
                        <ul>
                            <li class="currently" id="li0"><a href="#Services">按服务项目</a></li>
                            <li id="li1"><a href="#ProcessName">按流程名称</a></li>
                        </ul>
                    </div>
                </div>
                <div id="Services">
                    <div style="background-image: url('images/line.png'); background-repeat: repeat-y;
                        height: 300px; left: 40%; position: absolute; width: 3px; margin-top: 20px">
                    </div>
                    <div id="ServicesLeft" style="width: 40%; float: left; margin-top: 10px">
                        <table border="0" cellpadding="0" cellspacing="0" class="listTable1">
                            <tr>
                                <td style="width: 60%; text-align: center">
                                    <asp:TextBox ID="txtSearch" runat="server" CssClass="inputBorder" Width="80%"></asp:TextBox>
                                </td>
                                <td style="text-align: center">
                                    <asp:Button ID="btnSearch" runat="server" Text="查询" CssClass="btnBg" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="ServicesRight" style="width: 50%; margin-top: 10px">
                        <span style="font-weight: bolder; margin-left: 30px">最近使用的服务项目</span>
                    </div>
                </div>
                <%--按流程发起--%>
                <div id="ProcessName">
                    <div class="listTable_1">
                        <div class="tableTab" id="processCatalogTab">
                            <asp:HiddenField runat="server" ID="hdProcessTypeId" Value="0" />
                            <ul>
                                <asp:Repeater ID="rpProcessCatalog" runat="server">
                                    <ItemTemplate>
                                        <li class='<%#Eval("CssClass") %>' id='processCatalog<%#Container.ItemIndex %>'><a
                                            href="#" onclick="">
                                            <%#Eval("CN_NAME")%></a></li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                            <p>
                            </p>
                            <asp:Repeater ID="rpAllProcess" runat="server" OnItemDataBound="rpAllProcess_ItemDataBound">
                                <ItemTemplate>
                                    <div style='display: <%#Eval("display") %>' id='processCatalog<%#Eval("DICTIONARY_ID")%>'>
                                        <span style="font-family: 微软雅黑; font-size: 13px; font-weight: bold; font-style: normal;
                                            text-decoration: none; color: #333333; float: left;">
                                            <%#Eval("CN_NAME") %></span><div style="width: 100%; background: url(images/line2.png) repeat-x;
                                                height: 15px">
                                            </div>
                                        <ul>
                                            <asp:Repeater ID="rpProcess" runat="server">
                                                <ItemTemplate>
                                                    <li>
                                                        <img alt="" src="images/fav1.png" onclick="" /><a>
                                                            <%#Eval("CN_NAME")%></a></li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </ul>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
    <script type="text/javascript">
        function SetProcessType(dicId) {
            $("#hdProcessTypeId").val(dicId);
        }
    </script>
</body>
</html>
